class Tab {
    constructor(el, options = {}) {
        this.el = document.querySelector(el)
        this.init()
    }
}
Tab.prototype.init = function() {
    this.mainContent(0)
    this.titleOver()
}
Tab.prototype.titleOver = function() {
    let UlLiObjS = this.el.querySelectorAll("ul li")
    UlLiObjS.forEach((item, index) => {
        item.onmouseover = () => {
            // UlLiObjS.removeAttribute('class', 'active')
            UlLiObjS.forEach((item, index) => item.className = "")
            item.setAttribute('class', 'active')
            this.mainContent(index)
        }
    })
}
Tab.prototype.mainContent = function(index) {
    let OlLiObjS = this.el.querySelectorAll('ol li')
    OlLiObjS.forEach(item => item.className = '')
    OlLiObjS[index].className = 'active'
}